<template>
	<view class="content" :style="viewColor">
		<div class="herd">
			<image class="herd_img" v-if="headBgurl" :src="headBgurl" />
		</div>
		<!-- 顶部图标 -->
		<view class="topNav">
			<image :src="userInfo.avatar? userInfo.avatar : navImgHost+'myImg'+keyColor+'.png'" @click="toUserIndex">
			</image>
			<image :src="navImgHost+'addclient.png'" v-if="showAddClient" @click="addClient"></image>
			<view @click="toMpjia">
				<image :src="navImgHost+'card.png'"></image>
				<text>名片夹</text>
			</view>
		</view>
		<!-- 模板展示信息模板 -->
		<mobanInfo v-show="comIsDiy && !createdType" :imgHost="imgHost" :imgLogo="imgLogo" :mpconfig="mpconfig"
			:share_uid="share_uid">
		</mobanInfo>
		<!-- 信息 -->
		<div class="haibao" v-if="createdType && xinxilist.mb_type==0">
			<div class="haibao-top">
				<div class="haitetx">
					<h3>{{xinxilist.nickname}}</h3>
					<p v-if="xinxilist.enterprise_id!=0">{{xinxilist.position_name==null?'':xinxilist.position_name}}
					</p>
					<p v-if="xinxilist.enterprise_id!=0">{{qiyexx.name}}</p>
				</div>
				<div class="haiimage">
					<view @click="haibao" v-if="share_uid == storage">
						<span>海报</span>
						<image :src="imgHost + '/index/erwm.png'"></image>
					</view>
					<view>
						<image :src="xinxilist.avatar" mode="" style="width: 144rpx;height: 144rpx;border-radius: 50%;">
						</image>
					</view>
				</div>
			</div>
			<div class="haibao-bott">
				<view @click="bdPhone(xinxilist.phone)">
					<span>
						<image :src="imgHost + '/index/iconsj.png'" mode=""></image>
						<span>{{xinxilist.phone}}</span>
					</span>
					<span></span>
				</view>
				<view @click="openMap" v-if="xinxilist.addres !=''">
					<div class="onetext">
						<span>
							<image :src="imgHost + '/index/dinwe.png'" mode=""></image>
						</span>
						<span>{{xinxilist.addres}}</span>
					</div>
					<span>
						<image :src="imgHost + '/index/right.png'" mode=""></image>
					</span>
				</view>
				<view class="emailImg">
					<span>
						<image :src="imgHost + '/index/ement.png'" mode=""></image>
						<span>{{xinxilist.email}}</span>
					</span>
				</view>
			</div>
		</div>
		<div class="haibao-two" v-if="createdType && xinxilist.mb_type==1">
			<div class="moban" style="height: 400rpx; background-color: #eee;margin-top:20rpx;">
				<image :src="xinxilist.mb_img1" style="width: 100%;height: 100%;" mode="aspectFill"></image>
			</div>
			<div class="haibao1">
				<div class="haibao-top1">
					<div class="haitetx1">
						<h3>{{xinxilist.nickname}}</h3>
						<p v-if="xinxilist.enterprise_id!=0">{{xinxilist.position_name}}</p>
						<p v-if="xinxilist.enterprise_id!=0">{{qiyexx.name}}</p>
					</div>
					<div class="haiimage1" v-if="share_uid == storage">
						<view @click="haibao">
							<span>海报</span>
							<image :src="imgHost + '/index/erwm.png'"></image>
						</view>
					</div>
				</div>
				<div class="haibao-bott1">
					<view @click="bdPhone(xinxilist.phone)">
						<span>
							<image :src="imgHost + '/index/iconsj.png'" mode=""></image>
							<span>{{xinxilist.phone}}</span>
						</span>
						<span></span>
					</view>
					<view @click="openMap" v-if="xinxilist.addres !=''">
						<div class="twotext">
							<span>
								<image :src="imgHost + '/index/dinwe.png'" mode=""></image>
							</span>
							<span>{{xinxilist.addres}}</span>
						</div>
						<span>
							<image :src="imgHost + '/index/right.png'" mode=""></image>
						</span>
					</view>
					<view class="emailImg">
						<span>
							<image :src="imgHost + '/index/ement.png'" mode=""></image>
							<span>{{xinxilist.email}}</span>
						</span>
						<!-- <span>
                                   <image :src="imgHost + '/index/right.png'" mode=""></image>
                              </span> -->
					</view>
				</div>
			</div>
		</div>
		<div class="h-hanbao2" v-if="createdType && xinxilist.mb_type==2">
			<div class="sbajia"></div>
			<div>
				<div class="h-text">
					<div>
						<h3>{{xinxilist.nickname}}</h3>
						<p v-if="xinxilist.enterprise_id!=0">{{xinxilist.position_name}}</p>
						<p v-if="xinxilist.enterprise_id!=0">{{qiyexx.name}}</p>
					</div>
				</div>
				<div class="haibao-bott2">
					<view @click="bdPhone(xinxilist.phone)">
						<span>
							<image :src="imgHost + '/index/iconsj.png'" mode=""></image>
							<span>{{xinxilist.phone}}</span>
						</span>
					</view>
					<view @click="openMap" v-if="xinxilist.addres !=''">
						<span>
							<image :src="imgHost + '/index/dinwe.png'" mode=""></image>
							<span>{{xinxilist.addres}}</span>
						</span>
					</view>
					<view class="emailImg">
						<span>
							<image :src="imgHost + '/index/ement.png'" mode=""></image>
							<span>{{xinxilist.email}}</span>
						</span>
					</view>
					<view class="haibaoText" v-if="share_uid == storage">
						<view @click="haibao">
							<text>海报</text>
							<image :src="imgHost + '/index/erwm.png'"></image>
						</view>
					</view>
				</div>
			</div>
			<div class="h-img">
				<div class='herimg' v-if="xinxilist.mb_img ==''">
					<text class="iconfont">&#xe600;</text>
					<span>添加照片</span>
				</div>
				<image v-else :src="xinxilist.mb_img" mode="aspectFill"></image>
			</div>
		</div>
		<div class="haibao-two" v-if="createdType && xinxilist.mb_type==3">
			<div class="moban" style="height: 400rpx; background-color: #eee;margin-top:20rpx;">
				<video :src="xinxilist.mb_video" style="width: 100%;height: 100%;" :controls="false" mode="aspectFill"
					autoplay enable-play-gesture @click="videoPlay" id="playVideo"></video>
			</div>
			<div class="haibao1">
				<div class="haibao-top1">
					<div class="haitetx1">
						<h3>{{xinxilist.nickname}}</h3>
						<p v-if="xinxilist.enterprise_id!=0">{{xinxilist.position_name}}</p>
						<p v-if="xinxilist.enterprise_id!=0">{{qiyexx.name}}</p>
					</div>

					<div class="haiimage1" v-if="share_uid == storage">
						<view @click="haibao">
							<span>海报</span>
							<image :src="imgHost + '/index/erwm.png'"></image>
						</view>
					</div>
				</div>
				<div class="haibao-bott1">
					<view @click="bdPhone(xinxilist.phone)">
						<span>
							<image :src="imgHost + '/index/iconsj.png'" mode=""></image>
							<span>{{xinxilist.phone}}</span>
						</span>
						<span></span>
					</view>
					<view @click="openMap" v-if="xinxilist.addres !=''">
						<div class="twotext">
							<span>
								<image :src="imgHost + '/index/dinwe.png'" mode=""></image>
							</span>
							<span>{{xinxilist.addres}}</span>
						</div>
						<span>
							<image :src="imgHost + '/index/right.png'" mode=""></image>
						</span>
					</view>
					<view class="emailImg">
						<span>
							<image :src="imgHost + '/index/ement.png'" mode=""></image>
							<span>{{xinxilist.email}}</span>
						</span>
						<!-- <span>
		                           <image :src="imgHost + '/index/right.png'" mode=""></image>
		                      </span> -->
					</view>
				</div>
			</div>
		</div>

		<!-- 创建名片 -->
		<div class="minpian" v-if="is_show">
			<scroll-view scroll-x="true" class="funScroll">
				<view v-for="(item,index) in minpian" :key="index" @click="dianji(item.ziew)">
					<image v-if="item.ziew == 0" :src="imgHost + '/index/jiajia' + keyColor + '.png'"></image>
					<image v-else-if="item.ziew == 1" :src="imgHost + '/index/wx' + keyColor + '.png'"></image>
					<image v-else-if="item.ziew == 2" :src="imgHost + '/index/duoxuan' + keyColor + '.png'"></image>
					<image v-else-if="item.ziew == 3" :src="imgHost + '/index/iconfj' + keyColor + '.png'"></image>
					<image v-else-if="item.ziew == 4" class="card"
						:src="imgHost + '/index/directSeeding' + keyColor + '.png'"></image>
					<image v-else-if="item.ziew == 5" class="card"
						:src="imgHost + '/index/assistant' + keyColor + '.png'"></image>
					<image v-else-if="item.ziew == 6" class="card" :src="imgHost + '/index/card' + keyColor + '.png'">
					</image>
					<!-- <image :src="imgHost + item.image" mode=""  :class=" item.ziew == 4 || item.ziew == 5 || item.ziew == 6 ? 'card' : '' "></image> -->
					<span>{{ item.text}}</span>
					<span class="iconnum" v-if="index==2&&unreadNum>0">{{unreadNum > 100 ? '99+' : unreadNum}}</span>
				</view>
			</scroll-view>
		</div>
		<!-- 浏览人 -->
		<view class="liulanr">
			<div>
				<div class="touxian">
					<div v-for="(item,index) in fabulist" :key="index" v-if="index<3">
						<image :src="item.avatar" mode=""></image>
					</div>
				</div>
			</div>
			<view class="views-text">
				<span>浏览量{{xinxilist.views ? xinxilist.views : 0}}</span>
				<span style="margin-left: 10rpx;">今日+{{xinxilist.fabulous_today ? xinxilist.fabulous_today : 0}}</span>
			</view>
			<div class="kaopu" @click="kaopu">
				<span>靠谱{{!xinxilist.fabulous ?0:xinxilist.fabulous}}</span>
				<image :src="imgHost + '/dianzan'+keyColor+'.png'" mode=""></image>
			</div>
		</view>
		<!-- 个性标签 -->
		<view class="biaoqian"
			v-if="(comIsDiy && !createdType)||(xinxilist.switch_json&&xinxilist.switch_json.autographSwitch)||(xinxilist.switch_json&&xinxilist.switch_json.labelSwitch)||(xinxilist.switch_json&&xinxilist.switch_json.enterpriseSwitch)">
			<!-- 默认展示个性标签模板 -->
			<mobanLabel v-if="comIsDiy && !createdType" :biao1="biao1"></mobanLabel>
			<div class="biantwo" v-else-if="xinxilist.switch_json&&xinxilist.switch_json.labelSwitch&&biao.length>0">
				<h3>个性标签</h3>
				<div class="block">
					<div class="b-block1" v-for="(item,index) in biao" :key="index">
						<span>{{item}}</span>
					</div>
				</div>
			</div>
			<h3
				v-if="comIsDiy && !createdType || xinxilist.switch_json&&xinxilist.switch_json.autographSwitch&&xinxilist.autograph">
				个人介绍</h3>
			<div class="bianone"
				v-if="comIsDiy && !createdType || xinxilist.switch_json&&xinxilist.switch_json.autographSwitch&&xinxilist.autograph">
				<image :src="imgHost + '/index/zumu'+keyColor+'.png'" mode=""></image>
				<span
					v-if="comIsDiy && !createdType">{{xinxilist.autograph ? xinxilist.autograph : mpconfig.mp_usertext}}</span>
				<span v-else>{{xinxilist.autograph ? xinxilist.autograph : ''}}</span>
			</div>
			
			<!-- <div class="bianthere"
				v-if="mpgsurl!=''  || xinxilist.switch_json&&xinxilist.switch_json.enterpriseSwitch && xinxilist.enterprise_id>0">
				<view>
					<span>企业信息</span>
					<span @click="goComponeyUrl()">
						<image :src="imgHost + '/index/selectWebsite'+keyColor+'.png'" mode=""></image>
						官网
						<image :src="imgHost + '/index/right.png'" mode=""></image>
					</span>
				</view> -->
				<!-- 企业信息 -->
				<!-- <enterpriseInfo :comIsDiy="comIsDiy" :createdType="createdType" :imgHost="imgHost" :qiyexx="qiyexx"
					:mpconfig="mpconfig">
				</enterpriseInfo>
			</div> -->
		</view>
		<view class="" v-if="MERid && mpgsurl=='' || xinxilist.switch_json&&xinxilist.switch_json.enterpriseSwitch && xinxilist.enterprise_id>0" style="margin: auto;">
			<view class="" style="position: relative;">
				<weiguanwang :mer_id="MERid" ref="weiguanwang"></weiguanwang>
			</view>
		</view>
		<!-- 企业视频 -->
		<div class="remeng"
			v-if="qiyeVideo.length > 0 && xinxilist.switch_json && xinxilist.switch_json.videoSwitch && xinxilist.enterprise.open_svip == 0 || qiyeVideo.length > 0 && xinxilist.switch_json && xinxilist.switch_json.videoSwitch && xinxilist.enterprise.open_svip == 1 && xinxilist.is_svip > 0 ">
			<p>企业视频</p>
			<view v-for="(item,index) in qiyeVideo" :key="index" @click="playVideo(item)">
				<view class="left">
					<image :src="item.image_src"></image>
				</view>
				<view class="right">
					<view class="title">{{item.title}}</view>
					<view class="msg">{{item.des}}</view>
					<view class="tiem" style="margin-top: 20rpx;">
						<text>{{item.add_time}}</text>
						<text>{{item.views ? item.views : 0 }}次播放量</text>
					</view>
				</view>
			</view>
		</div>
		<!-- 企业视频 -->
		<div class="remeng" v-show="comIsDiy && !createdType">
			<p>企业视频</p>
			<view v-for="(item,index) in exportQiyeVideo" :key="index" @click="playVideo(item)">
				<view class="left">
					<image :src="item.image_src"></image>
				</view>
				<view class="right">
					<view class="title">{{item.title}}</view>
					<view class="msg">{{item.des}}</view>
					<view class="tiem" style="margin-top: 20rpx;">
						<text>{{item.add_time}}</text>
						<text>{{item.views ? item.views : 0 }}次播放量</text>
					</view>
				</view>
			</view>
		</div>
		<!-- 热销商品 -->
		<div class="rxspo"
			v-if="prolist.length > 0 && xinxilist.switch_json && xinxilist.switch_json.productSwitch && xinxilist.enterprise.open_svip == 0 || prolist.length > 0 && xinxilist.switch_json && xinxilist.switch_json.productSwitch && xinxilist.enterprise.open_svip == 1 && xinxilist.is_svip > 0 ">
			<view>
				<span>热销商品</span>
				<span @click="goShop">
					<image :src="imgHost + '/index/shop'+keyColor+'.png'" mode=""></image>
					商城
					<image :src="imgHost + '/index/right.png'" mode=""></image>
				</span>
			</view>
			<view class="leixing" v-for="(item,index) in prolist" :key="index">
				<div>
					<image :src="item.image" mode=""></image>
				</div>
				<div>
					<span>{{item.store_name}}</span>
					<span>￥{{item.price}}</span>
				</div>
				<div @click="lijiqg(item)">
					<text>立即抢购</text>
				</div>
			</view>
		</div>
		<div class="rxspo" v-show="comIsDiy && !createdType">
			<view>
				<span>热销商品</span>
				<span @click="goShop">
					<image :src="imgHost + '/index/shop'+keyColor+'.png'" mode=""></image>
					商城
					<image :src="imgHost + '/index/right.png'" mode=""></image>
				</span>
			</view>
			<view class="leixing" v-for="(item,index) in huoqu" :key="index">
				<div>
					<image :src="item.image" mode=""></image>
				</div>
				<div>
					<span>{{item.store_name}}</span>
					<span>￥{{item.price}}</span>
				</div>
				<div @click="lijiqg(item)">
					<text>立即抢购</text>
				</div>
			</view>
		</div>
		<!-- 推荐热文 -->
		<div class="remeng"
			v-if="tuijianwz.length > 0 && xinxilist.switch_json && xinxilist.switch_json.articleSwitch && xinxilist.enterprise.open_svip == 0 || tuijianwz.length > 0 && xinxilist.switch_json && xinxilist.switch_json.articleSwitch && xinxilist.enterprise.open_svip == 1 && xinxilist.is_svip > 0 ">
			<view class="remengTitle">
				<p>推荐热文</p>
				<span @click="goArticleList">
					更多
					<image :src="imgHost + '/index/right.png'" mode=""></image>
				</span>
			</view>
			<view v-for="(item,index) in tuijianwz" :key="index" @click="rewtiaoz(item)">
				<view class="left">
					<image :src="item.image_input"></image>
				</view>
				<view class="right">
					<view class="title">{{item.title}}</view>
					<view class="msg">{{item.synopsis}}</view>
					<view class="tiem">
						<text>{{item.create_time}}</text>
						<text>{{item.visit ? item.visit : 0 }}次阅读量</text>
					</view>
				</view>
			</view>
		</div>
		<div class="remeng" v-show="comIsDiy && !createdType">
			<view class="remengTitle">
				<p>推荐热文</p>
				<span @click="goArticleList">
					更多
					<image :src="imgHost + '/index/right.png'" mode=""></image>
				</span>
			</view>
			<view v-for="(item,index) in hotlist" :key="index" @click="rewtiaoz(item)">
				<view class="left">
					<image :src="item.image_input"></image>
				</view>
				<view class="right">
					<view class="title">{{item.title}}</view>
					<view class="msg">{{item.synopsis}}</view>
					<view class="tiem">
						<text>{{item.create_time}}</text>
						<text>{{item.visit ? item.visit : 0 }}次阅读量</text>
					</view>
				</view>
			</view>
		</div>

		<!-- 递名片 -->
		<div class="dimp" @click="saveMailList">
			<view>保存到通讯录</view>
		</div>
		<!-- <div style="height: 250rpx;">
               <view class="nodenllu">
                    <div class="backimg">
                         <view class='text'>您还没登录</view>
                         <span>请先登录再进行此操作</span>
                         <div @click="denlu">立即登录</div>
                         <p @click="$refs.createdPop.close()">暂不登录</p>
                    </div>
               </view>
			</div> -->
		<uni-popup ref="createdIwPop" type="center">
			<view class="oback" @click="showiw">
				<div class='odivpp'>
					<!-- <image class="oive" :src="imgHost + '/mine/top.png'" mode=""></image> -->
					<!-- <p>
                              <image :src="imgHost + '/mine/bottom.png'" mode=""></image>
                              点击右上角“ ”，选择添加朋友，粘贴微信号后搜索
                         </p> -->
					<p>
						<image :src="imgHost + '/mine/one.png'" mode=""></image>
						长按图片进行扫描，添加微信
					</p>
					<image class="oivee" :src="imgHost + '/mine/bott.png'" mode=""></image>
					<!-- <image class="oivee" :src="xinxilist.wechat_img" mode=""></image> -->
				</div>
				<div class="oimage">
					<image :show-menu-by-longpress="true" :src="xinxilist.wechat_img" v-if="isLogin" mode="aspectFit">
					</image>
					<image :show-menu-by-longpress="true" :src="mpconfig.mp_wechat_qrcode" v-else mode="aspectFit">
					</image>
				</div>
			</view>
		</uni-popup>
		<!-- 分享 -->
		<uni-popup ref="iffenxi" type="center">
			<div class="fenxianger">
				<button class="item" open-type="share" hover-class="none" @click="goFriend">
					<view class="iconfont icon-weixin3"></view>
					<view class="">发送给朋友</view>
				</button>
			</div>
		</uni-popup>
		<!-- <odelu ref="odelu"></odelu> -->
		<!-- <windowButton :isLogin="isLogin"></windowButton> -->
		<!-- <tabBar v-if="!is_diy" :pagePath="'/pages/index/minp'"></tabBar> -->
		<view class="foot" v-if="newData.status && newData.status.status">
			<view class="page-footer" id="target" :style="{'background-color':newData.bgColor.color[0].item}">
				<view class="foot-item" v-for="(item,index) in newData.menuList" :key="index" @click="goRouter(item)">
					<block v-if="item.link == activeRouter">
						<image :src="item.imgList[0]"></image>
						<view class="txt" :style="{color:newData.activeTxtColor.color[0].item}">{{item.name}}
						</view>
					</block>
					<block v-else>
						<image :src="item.imgList[1]"></image>
						<view class="txt" :style="{color:newData.txtColor.color[0].item}">{{item.name}}</view>
					</block>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	let app = getApp()
	import Cache from '@/utils/cache'
	// import odelu from '@/components/denlu/denlu.vue'
	import mobanInfo from "./component/mobanInfo"
	import mobanLabel from "./component/mobanLabel"
	import enterpriseInfo from "./component/enterpriseInfo"
	// import windowButton from "@/components/windowButton.vue"
	import {
		openNewMessageSubscribe
	} from '@/utils/SubscribeMessage.js';
	import {
		HTTP_REQUEST_URL
	} from '@/config/app.js';
	import {
		card_fab,
		carduser,
		productHot,
		get_video,
		copyWechat,
		addClient
	} from '@/api/userminp.js'
	import {
		getHomeProducts
	} from '@/api/store.js'
	import {
		getArticleMerList
	} from '@/api/api.js'
	import {
		getUserInfo,
		serviceUserList
	} from "@/api/user.js"
	import {
		getNavigation,
		getconfig,
		getShareTitle
	} from '@/api/public.js'
	import {
		toLogin
	} from '@/libs/login.js';
	import {
		configMap
	} from '@/utils';
	// import {
	// 	getCustomer
	// } from '@/utils/index.js';
	import {
		mapGetters
	} from "vuex";
	import seekList from '../index/component/seekList.vue'
	import {
		getStorage
	} from '../../libs/uniApi'
	// import tabBar from "@/pages/index/visualization/components/tabBar.vue";
	export default {
		components: {
			// tabBar,
			// odelu,
			mobanInfo,
			mobanLabel,
			enterpriseInfo,
			seekList
			// ,
			// windowButton
		},
		computed: {
			...mapGetters({
				isLogin: 'isLogin',
				viewColor: 'viewColor',
				keyColor: "keyColor"
			}),
			...configMap({
				navigation: {},
				mpconfig: {},
				gpt_webview: ""
			}),
			showAddClient() {
				if (!this.isLogin) return true;
				if (this.userInfo.uid && this.xinxilist.uid) {
					if (this.userInfo.uid == this.xinxilist.uid) return false
					if (this.xinxilist.clientIds.indexOf(this.userInfo.uid) != -1) return false
				}
				return true
			},
			// 设置头部背景图片url
			headBgurl() {
				if(!this.createdType) return ''
				if(this.xinxilist.mb_type==1) {
					console.log('=111')
					return this.xinxilist.mb_img1
				} else if (this.xinxilist.mb_type==2) {
					console.log('222')
					return this.xinxilist.mb_img
				} else {
					return ''
				}
			}
		},
		data() {
			return {
				latitude: 0, //首次加载维度
				longitude: 0, //首次加载的经度
				// 默认获取文章
				huoqu: [],
				// 默认商品列表
				hotlist: [],
				// 浏览人列表
				fabulist: [],
				// is_diy: uni.getStorageSync('is_diy'),
				imgHost: HTTP_REQUEST_URL + '/mingpian',
				// 顶部图片拼接
				navImgHost: HTTP_REQUEST_URL + '/static/contactsCircle/',
				imgLogo: HTTP_REQUEST_URL + '/static/logo2.png',
				share_uid: null,
				prolist: [],
				tuijianwz: [],
				// 企业视频列表
				videoList: [],
				// 企业信息
				qiyexx: {
					mer_id: 0
				},
				xinxilist: {
					switch_json: {}
				},
				biao: [],
				biao1: ['利他', '感恩', '学习', '真实', '共赢'],
				is_show: true,
				newData: {},
				activeRouter: '',
				minpian: [{
						// image: '/index/jiajia'+this.keyColor+'.png',
						text: '创建名片',
						ziew: 0,
					},
					{
						// image: '/index/wx.png',
						text: '添加微信',
						ziew: 1,
					},
					{
						// image: '/index/duoxuan.png',
						text: '发私信',
						ziew: 2,
					},
					{
						// image: '/index/directSeeding.png',
						text: '直播',
						ziew: 4,
					},
					{
						// image: '/index/card.png',
						text: '递名片',
						ziew: 6,
					},
					{
						// image: '/index/assistant.png',
						text: '私人助理',
						ziew: 5,
					},
					{
						// image: '/index/iconfj.png',
						text: '转发名片',
						ziew: 3,
					}
				],
				comIsDiy: false,
				// 是否创建名片
				createdType: 0,
				// 企业id
				qiyeId: null,
				// 用户选中企业视频
				qiyeVideo: [],
				// 默认企业视频
				exportQiyeVideo: [],
				// 小程序分享标题
				share_title: "",
				// 查看私信id
				topServiceMerId: 0,
				// 未读信息
				unreadNum: 0,
				// 当前用户信息
				userInfo: {},
				qiyeID: null,
				mersiteUrl: '',
				mpgsurl: '',
				MERid: '',
				QiYe: '',
				mpgsname: '',
				storage: '',
				enable:'',
				playType:true
			}
		},
		onLoad(option) {

			getconfig().then(res => {
				this.MERid = res.data.mpconfig.mp_default_mer_id
				uni.setStorageSync('merId', res.data.mpconfig.mp_default_mer_id)
				this.QiYe = res.data.mpconfig.mp_default_enterprise_id
				// this.qiyeID = res.data.mpconfig.mp_default_enterprise_id
				uni.setStorageSync('QIYEID', res.data.mpconfig.mp_default_enterprise_id)
				that.mpgsurl = res.data.mpconfig.mp_gs_url
				uni.setStorageSync('mpgsurl', res.data.mpconfig.mp_gs_url)
				this.mpgsname = res.data.mpconfig.mp_gs_name
				this.enable = res.data.enable_enterprise_spread
			})
			this.qiyeID = uni.getStorageSync('QIYEID') // 企业名片id
			uni.hideTabBar()
			let that = this;
			// getNavigation().then(res => {
			// 	this.newData = res.data
			// this.is_show = res.data.is_show
			// 	if (this.newData.status && this.newData.status.status) {
			// 		uni.hideTabBar()
			// 	} else {
			// 		uni.showTabBar()
			// 	}
			// })


			if (uni.getStorageSync("share_uid")) {
				this.share_uid = uni.getStorageSync("share_uid")
			}
			if (option.share_uid) {
				// 展示名片id

				this.share_uid = option.share_uid
				// 保存分享人id
				app.globalData.spid = option.share_uid
				Cache.set("spread", option.share_uid || 0)
				uni.setStorageSync("share_uid", option.share_uid)
			}
			if (option.scene) {
				let params = decodeURIComponent(option.scene);
				if (params.indexOf('share_uid') != 1) {
					this.share_uid = params.split('=')[1]
					// 保存分享人id
					app.globalData.spid = this.share_uid
					Cache.set("spread", this.share_uid || 0)
					uni.setStorageSync("share_uid", this.share_uid)
				}
			}
			// debugger
			if (uni.getStorageSync("once_mp_share_uid")) {
				//使用一次后清除缓存uid，目的是查看自己的名片
				this.share_uid = uni.getStorageSync("once_mp_share_uid")
				uni.removeStorageSync("once_mp_share_uid")
			}

			// // #ifdef MP
			// // 小程序静默授权
			// if (!this.$store.getters.isLogin) {
			//      // Routine.getCode()
			//      // 	.then(code => {
			//      // 		Routine.silenceAuth(code).then(res => {
			//      // 			this.onLoadFun();
			//      // 		})
			//      // 	})
			//      // 	.catch(res => {
			//      // 		uni.hideLoading();
			//      // 	});
			// }
			// // #endif

			// #ifdef H5 || APP-PLUS
			if (this.isLogin == false) {
				toLogin()
			}
			//获取用户信息回来后授权*
			let cacheCode = this.$Cache.get('snsapi_userinfo_code');
			let res1 = cacheCode ? option.code != cacheCode : true;
			if (this.isWeixin && option.code && res1 && option.scope === 'snsapi_userinfo') {
				this.$Cache.set('snsapi_userinfo_code', option.code);
				Auth.auth(option.code).then(res => {
					this.getUserInfo();
				}).catch(err => {})
			}
			// #endif
			// #ifdef APP-PLUS
			that.$set(that, 'pageHeight', app.globalData.windowHeight);
			// #endif

			// let routes = getCurrentPages(); // 获取当前打开过的页面路由数组
			// let curRoute = routes[routes.length - 1].route //获取当前页面路由
			// this.activeRouter = '/' + curRoute
			this.biao1 = this.mpconfig.mp_label
		},
		async onShow() {

			this.storage = uni.getStorageSync('UID')
			let that = this
			that.$nextTick(function() {
				uni.setStorageSync('merId', this.MERid)
				uni.setStorageSync('QIYEID', this.QiYe)
			})

			let routes = getCurrentPages(); // 获取当前打开过的页面路由数组
			let curRoute = routes[routes.length - 1].route //获取当前页面路由
			this.activeRouter = '/' + curRoute

			this.newData = this.navigation
			if (this.newData.status && this.newData.status.status) {
				uni.hideTabBar()
			} else {
				uni.showTabBar()
			}
			getNavigation().then(res => {
				this.is_show = res.data.is_show
			})

			// 热销商品
			this.getHome()
			// 推荐热文
			this.getHotList()
			// 企业视频
			this.getVideo()
			// 自己名片信息
			this.getUserInfo()
			// 名片信息
			this.getcard_user()
			// 分享标题
			getShareTitle({
				field: "businessCardShareTitle"
			}).then(res => {
				this.share_title = res.data.businessCardShareTitle
			})
		},
		onShareAppMessage(e) {
			if (e.from === 'button') {
				//console.log('来自页面内转发按钮');
			} else if (e.from === 'menu') {
				//console.log('右上角菜单转发按钮');
			}
			var share_title = '';
			if (this.xinxilist.switch_json.shareCheckText) {
				share_title = this.xinxilist.switch_json.shareCheckText
			}
			// if(this.qiyexx.mer_id!=0&&this.qiyexx.share_check_text){
			//  var arr = JSON.parse(this.qiyexx.share_check_text)
			//  var i= parseInt(Math.random()*arr.length)
			//  share_title = arr[i].text
			// }else{
			// 	share_title = this.share_title
			// }
			return { // 自定义分享内容
				title: share_title,
				path: `/pages/index/minp?share_uid=` + this.share_uid // 路径，可传递参数到指定页面
			}
		},
		onShareTimeline() {
			var share_title = '';
			if (this.xinxilist.switch_json.shareCheckText) {
				share_title = this.xinxilist.switch_json.shareCheckText
			}
			// if(this.qiyexx.mer_id!=0&&this.qiyexx.share_check_text){
			//  var arr = JSON.parse(this.qiyexx.share_check_text)
			//  var i= parseInt(Math.random()*arr.length)
			//  share_title = arr[i].text
			// }else{
			//  share_title = this.share_title
			// }
			return {
				title: share_title,
				path: `/pages/index/minp?share_uid=` + this.share_uid,
			};
		},
		methods: {
			videoPlay(){
				if(this.playType){
					this.playType = false
					uni.createVideoContext('playVideo').pause();
				}else{
					this.playType = true
					uni.createVideoContext('playVideo').play();
				}
				
			},
			//拨打电话
			bdPhone(phone) {
				uni.makePhoneCall({
					phoneNumber: phone,
					fail() {
						uni.showToast({
							title: "拨打电话失败！",
							icon: 'none'
						})
					}
				})
			},
			// 保存名片
			addClient() {
				if (!this.isLogin) {
					this.toDeLu()
					return false;
				}
				addClient({
					client_uid: this.xinxilist.uid
				}).then(res => {
					uni.showToast({
						title: "已保存到名片夹",
						icon: "none"
					})
					this.getcard_user()
				})
			},
			// 跳转我的
			toUserIndex() {
				uni.reLaunch({
					url: "/pages/user/index"
				})
			},
			// 跳转名片夹
			toMpjia() {
				if (!this.isLogin) {
					this.toDeLu()
					return false;
				}
				uni.navigateTo({
					url: "/pages/userminp/mine/mpjia/mpjia"
				})
			},
			// 当前用户信息
			getUserInfo() {
				if (!this.isLogin) {
					return ;
				}
				if (uni.getStorageSync('user_info')) {
					this.userInfo = uni.getStorageSync('user_info');
					if (this.userInfo.topService) {
						this.topServiceMerId = this.userInfo.topService.mer_id
					}
				} else {
					getUserInfo().then(res => {
						if (res.status == 200) {
							this.userInfo = res.data
							uni.setStorageSync('user_info', res.data)
							if (res.data.topService) {
								this.topServiceMerId = res.data.topService.mer_id
							}
						}
					})
				}
				// console.log(this.topServiceMerId);

			},
			// 跳转文章列表
			goArticleList() {
				uni.navigateTo({
					url: "/pages/userminp/recomArticleList/recomArticleList?merId=" + this.qiyexx.mer_id
				})
			},
			// 获取未读消息数量
			serviceList() {
				var num = 0;
				serviceUserList(this.topServiceMerId, {
					page: 1,
					limit: 9999
				}).then(res => {
					for (var i = 0; i < res.data.list.length; i++) {
						num = num + parseInt(res.data.list[i].num)
					}
					this.unreadNum = num
				})
			},
			// 保存到通讯录
			saveMailList() {
				uni.addPhoneContact({
					firstName: this.xinxilist.nickname,
					mobilePhoneNumber: this.xinxilist.phone,
					organization: this.qiyexx.name,
					title: this.xinxilist.position_name ? this.xinxilist.position_name : "",
					email: this.xinxilist.email ? this.xinxilist.email : '',
					weChatNumber: this.xinxilist.wechat ? this.xinxilist.wechat : "",
					success(res) {
						uni.showToast({
							title: "添加成功"
						})
					}
				})
			},
			// 跳转商城
			goShop() {
				if (this.xinxilist && this.xinxilist.enterprise && this.xinxilist.enterprise.mer_id > 0) {
					uni.navigateTo({
						url: "/pages/store/index?id=" + this.xinxilist.enterprise.mer_id
					})
				} else {
					uni.navigateTo({
						url: "/pages/store/index?id=" + this.mpconfig.mp_default_mer_id
					})
				}
			},
			// 点击跳转推荐热文
			rewtiaoz(item) {
				// if (!this.isLogin) {
				//      uni.showToast({
				//           title: '请登录',
				//           icon: 'none'
				//      })
				//      setTimeout(() => {
				//           uni.navigateTo({
				//                url: '/pages/users/wechat_login/index'
				//           })
				//      }, 1000)
				//      return;
				// }
				if (this.xinxilist && this.xinxilist.is_znmp == 0) {
					uni.showToast({
						title: "服务时间已到期",
						icon: "error"
					})
					return
				}
				uni.navigateTo({
					url: '/pages/news_details/index?id=' + item.article_id
				})
			},
			// 点击地址
			openMap() {
				if (this.xinxilist.lat != '' && this.xinxilist.long != '') {
					uni.openLocation({
						latitude: parseFloat(this.xinxilist.lat),
						longitude: parseFloat(this.xinxilist.long),
						name: this.xinxilist.address,
						success: (e) => {}
					})
				}
			},
			// 默认获取企业视频列表
			getVideo() {
				// if (this.share_uid) return
				get_video({
					// enterprise_id: this.qiyeID, 
					enterprise_id: uni.getStorageSync('QIYEID'),
					num: 5
				}).then(res => {
					// console.log(1);
					this.exportQiyeVideo = res.data.list
				})
			},
			// 默认获取商品列表
			getHome() {
				getHomeProducts().then((res) => {
					this.huoqu = res.data.list.splice(0, 5)
				})
			},
			// 默认获取推荐热文列表
			getHotList() {
				// ", this.qiyexx.mer_id)
				uni.setStorageSync("share_uid", this.share_uid)
				getArticleMerList(uni.getStorageSync('merId')).then((res) => {
					this.hotlist = res.data.list.splice(0, 5)
				})
			},
			// 跳转视频播放页面
			playVideo(item) {
				// if (!this.isLogin) {
				//      uni.showToast({
				//           title: '请登录',
				//           icon: 'none'
				//      })
				//      setTimeout(() => {
				//           uni.navigateTo({
				//                url: '/pages/users/wechat_login/index'
				//           })
				//      }, 1000)
				//      return;
				// }
				if (this.xinxilist && this.xinxilist.is_znmp == 0) {
					uni.showToast({
						title: "服务时间已到期",
						icon: "error"
					})
					return
				}
				uni.navigateTo({
					url: "../../pages/webview/playVideo/playVideo?id=" + item.id
				})
			},
			// 去官网
			goComponeyUrl() {
				if (this.mpgsurl && this.MERid == uni.getStorageSync('merId')) {
					// if (!uni.getStorageSync("QIYEID")) {
					// debugger
					uni.redirectTo({
						url: `/pages/webview/webview?url=${this.mpgsurl}&title=新闻动态`
					})
					return false
					// }  
				} else {
					uni.navigateTo({
						url: '/pages/store/siteindex?id=' + uni.getStorageSync("merId")
					})
				}
			},
			// 递名片
			xzmp() {
				if (!this.isLogin) {
					this.toDeLu()
					return;
				}
				copyWechat(this.xinxilist.uid, "4")
				if (this.xinxilist && this.xinxilist.is_znmp == 0) {
					uni.showToast({
						title: "服务时间已到期",
						icon: "error"
					})
					return
				}
				let natext = ''
				if (this.qiyexx.name) {
					natext = this.qiyexx.name
				} else {
					natext = this.mpgsname
				}
				if (this.userInfo.enterprise_id != 0) {
					console.log(this.qiyexx.name);

					uni.navigateTo({
						url: '/pages/userminp/scrollerm/scrollerm?logo=' + this.qiyexx.logo + '&name=' + natext +
							'&share=' + this.share_uid + '&natext=' + this.xinxilist.nickname +
							'&zhiye=' + this.xinxilist.position_name
					})
				} else {
					uni.navigateTo({
						url: '/pages/userminp/scrollerm/scrollerm?share=' + this.share_uid + '&natext=' + this
							.xinxilist.nickname + '&name=' + natext
					})
				}
			},
			// 分享
			goFriend(e) {
				copyWechat(this.share_uid, "4")
				if (e.from === 'button') {
					//console.log('来自页面内转发按钮');
				} else if (e.from === 'menu') {
					//console.log('右上角菜单转发按钮');
				}
				return { // 自定义分享内容
					title: this.share_title,
					path: `/pages/index/minp?share_uid=` + this.share_uid // 路径，可传递参数到指定页面
				}
				this.$refs.iffenxi.close()

			},
			// 名片信息
			getcard_user() {
				let then = this
				if (uni.getStorageSync('USER_INFO')) {
					this.comIsDiy = true;
				}
				if (!this.isLogin) {
					this.comIsDiy = true;
				}
				if (!this.share_uid && this.isLogin) {
					this.share_uid = uni.getStorageSync('UID')
					this.comIsDiy = true;
				}
				if (!this.share_uid) return
				carduser({
						share_uid: this.share_uid
					}).then((res) => {
						// this.mersiteUrl = res.data.enterprise.mer_site_url
						this.mpgsurl = res.data.enterprise.mer_site_url
						if (res.data.type) {
							this.comIsDiy = false;
						} else {
							this.comIsDiy = true;
						}
						if (res.data.enterprise) {
							// 名片企业id
							this.qiyeId = res.data.enterprise.id
							if(this.qiyeId){
								uni.setStorageSync("QIYEID", this.qiyeId)
							}
							
							// 企业信息
							this.qiyexx = res.data.enterprise
							this.MERid=res.data.enterprise.mer_id
							if(this.MERid){
								uni.setStorageSync("merId", this.MERid)
							}

							
						}
						// 名片视频
						this.qiyeVideo = res.data.video_list
						// 是否创建名片
						this.createdType = res.data.type;
						// 名片信息
						this.xinxilist = res.data;
						console.log(res.data, 'data');
						// 展示内容开关
						this.xinxilist.switch_json = JSON.parse(this.xinxilist.switch_json)
						if (this.xinxilist.switch_json.selectAreaList) {
							this.minpian = this.xinxilist.switch_json.selectAreaList
						}
						// 浏览人列表
						this.fabulist = res.data.fabulous_list
						// 个性标签
						this.biao = JSON.parse(res.data.label_names)
						// 推荐文章
						this.tuijianwz = res.data.article_list.reverse()
						// 推荐商品
						this.prolist = res.data.product_list.reverse()
						// 统计数据
						if (this.isLogin) {
							copyWechat(this.xinxilist.uid, "0").then(res => {
								console.log(res);
							}).catch(err => {
								console.log(err);
							})
							
						}
						// 热文列表
						this.getHotList()

						// 未登录-创建名片
						// 登录---》不是自己---》是否创建名片----》是---》保存客户----否----》创建
						/* 
							未登录-创建名片
							登录
							1.不是自己---》
								是否创建名片----》
									是---》保存客户
									否---》创建
							2.是自己
								是否创建名片----》
									是---》编辑名片
									否---》创建
							
						 */
						let baockh;
						if (this.isLogin) { //判断登录
							if (this.userInfo.uid == this.share_uid) { //判断是自己
								console.log(this.userInfo);
								if (this.userInfo.type == 1) { //判断是否创建名片
									baockh = {
										text: '编辑名片',
										ziew: 0,
									}
									let osmers = {
										// image: '/index/duoxuan.png',
										text: '查看私信',
										ziew: 2,
									}
									this.minpian.splice(2, 1, osmers)
									this.serviceList()
								} else {
									//创建
									console.log('+++++++++++++++');
									baockh = {
										text: '创建名片',
										ziew: 0,
									}
								}
							} else { //判断不是自己
								if (this.userInfo.type == 1) { //判断是否创建名片
									baockh = {
										text: '保存名片',
										ziew: 0,
									}
								} else {
									//创建
									baockh = {
										text: '创建名片',
										ziew: 0,
									}
								}
							}
						} else {
							baockh = {
								text: '创建名片',
								ziew: 0,
							}
						}
						this.minpian.splice(0, 1, baockh)
					})
					.catch(re => {
						uni.setStorageSync("QIYEID", null)

					})
			},
			// 分享
			showiw() {
				this.$refs.createdIwPop.close()
			},
			// 立即抢购
			lijiqg(item) {
				copyWechat(this.xinxilist.uid, "1", {
					pid: item.product_id
				}).then(res => {}).catch(err => {})
				uni.navigateTo({
					url: `/pages/goods_details/index?id=${item.product_id}`
				})
			},
			// 跳转登录
			toDeLu() {
				uni.showToast({
					title: '请登录',
					icon: 'none'
				})
				setTimeout(() => {
					uni.navigateTo({
						url: '/pages/users/wechat_login/index'
					})
				}, 1000)
			},
			// 点赞
			kaopu() {
				if (!this.isLogin) {
					this.toDeLu()
					return false;
				}
				if (this.share_uid != uni.getStorageSync('UID')) {
					card_fab({
						z_uid: this.share_uid
					}).then((res) => {
						this.getcard_user()
					})
				} else {
					uni.showToast({
						title: '不能给自己点赞',
						icon: 'none'
					})
				}

			},
			// 点击海报
			haibao() {
				if (this.xinxilist && this.xinxilist.is_znmp == 0) {
					uni.showToast({
						title: "服务时间已到期",
						icon: "error"
					})
					return
				}
				if (this.share_uid != uni.getStorageSync('UID')) {
					uni.showToast({
						title: '只能查看自己的名片',
						icon: 'none'
					})
				} else {
					if (!this.createdType) {
						uni.showToast({
							title: '请先创建名片',
							icon: 'none'
						})
					} else {
						uni.navigateTo({
							url: '/pages/userminp/business/business?share=' + this.share_uid + '&name=' + this
								.qiyexx.name
						})
					}
				}
			},
			// 点击名片功能
			dianji(ziew) {
				var that = this;
				// if (!this.isLogin) {
				// 	this.toDeLu()
				// 	return;
				// }
				if (ziew == 0) {
					if (!this.isLogin) {
						this.toDeLu()
						return;
					}
					if (this.userInfo.type == 1) {
						if (this.userInfo.uid == this.xinxilist.uid) { //这是自己的名片
							if (this.userInfo.enterprise_id == 0) {
								uni.navigateTo({
									url: `/pages/userminp/soloCard/soloCard`,
								})
							} else {
								uni.navigateTo({
									url: '/pages/userminp/bianjimp/bianjimp',
								})
							}
						} else {
							this.saveMailList()
						}
					} else {
						uni.navigateTo({
							url: `/pages/userminp/denlu/denlu?enable=${this.enable}`
						})
					}
				}
				if (ziew == 1) {
					var that = this;
					// 复制电话号
					// uni.setClipboardData({
					//      data: this.xinxilist.wechat,
					//      success: function() {
					//           uni.showToast({
					//                icon: 'none',
					//                title: '复制成功'
					//           })
					//      }
					// })
					if (!this.isLogin) {
						this.$refs.createdIwPop.open('center')
					} else {
						if (!that.xinxilist.wechat_img) {
							return uni.showToast({
								icon: 'none',
								title: '暂未上传'
							})
						}
						this.$refs.createdIwPop.open('center')
						copyWechat(this.xinxilist.uid, "3")
					}

					// uni.previewImage({
					// 	urls:[that.xinxilist.wechat_img],
					// indicator:"none"
					// })
				}
				if (ziew == 2) {
					if (!this.isLogin) {
						this.toDeLu()
						return;
					}
					if (this.share_uid != uni.getStorageSync('UID')) {
						openNewMessageSubscribe().then(res => {
							let url = that.xinxilist.kefu_url
							let service_id = that.xinxilist.kefu_id
							if (service_id) {
								return uni.navigateTo({
									url: `/pages/chat/customer_list/chat?mer_id=0&service_id=` + service_id
								})
							} else {
								return uni.navigateTo({
									url: `/pages/chat/customer_list/chat?mer_id=${that.qiyexx.mer_id}&service_id=` +
										service_id
								})
							}
						})
					} else {
						uni.navigateTo({
							url: `/pages/chat/customer_list/index?type=1&mer_id=${this.topServiceMerId}`
						})
					}
				}
				if (ziew == 3) {
					if (!this.isLogin) {
						this.toDeLu()
						return;
					}
					// #ifdef MP
					this.$refs.iffenxi.open('bottom')
					// #endif
					// #ifdef H5
					uni.navigateTo({
						url: '/pages/userminp/mpzuf/mpzuf'
					})
					// #endif

				}
				if (ziew == 4) {
					if (!this.isLogin) {
						this.toDeLu()
						return;
					}
					uni.navigateTo({
						// url: "/pages/activity/liveBroadcast/index", // 原直播
						url: "/pages/activity/VideoNumberBroadcast/VideoNumberBroadcast" // 视频号直播
					})
				}
				if (ziew == 6) {
					if (!this.isLogin) {
						this.toDeLu()
						return;
					}
					this.xzmp()
				}
				if (ziew == 5) {
					if (!this.isLogin) {
						this.toDeLu()
						return;
					}
					if (this.gpt_webview && this.gpt_webview != '') {
						uni.navigateTo({
							url: '/pages/webview/webview?url=' + encodeURIComponent(this.gpt_webview)
						})
					} else {
						uni.reLaunch({
							url: "/pages/chat/chatGPT/chatGPT"
						})
					}
				}
			},
			denlu() {
				toLogin()
			},
			goRouter(item) {
				let http=item.link.substring(0,4)
				if(http == 'http'){
					uni.reLaunch({
						url:`/pages/webview/webview?url=${item.link}`
					})
					return false
				}
				var pages = getCurrentPages();
				var page = (pages[pages.length - 1]).$page.fullPath;
				if (item.link == page) return
				uni.redirectTo({
					url: item.link,
					fail(err) {
						uni.reLaunch({
							url: item.link,
							fail() {
								uni.switchTab({
									url: item.link
								})
							}
						})
					}
				})
			}
		}
	}
</script>

<style lang="scss">
	.fenxianger {
		background-color: #fff;
		height: 250rpx;

		.item {
			padding: 20rpx;

			.iconfont {
				font-size: 70rpx;
				color: green;
			}

			view {
				font-size: 30rpx;
			}
		}
	}

	.odiver {
		.odictwo {
			padding-top: 100rpx;
			width: 650rpx;
			background-color: #fff;
			border-radius: 25rpx;

			.twimg {
				position: absolute;
				top: -50rpx;
				left: 50rpx;
				width: 120rpx;
				height: 120rpx;
				border: 2rpx solid #fff;
				border-radius: 100rpx;
				overflow: hidden;

				image {
					width: 100%;
					height: 100%;
				}
			}

			.twtext {
				margin: 0rpx 48rpx;
				// margin-top: 70rpx;
				background-color: #f7f8fa;
				padding: 36rpx 24rpx;
			}

			.annui {
				display: flex;
				justify-content: space-between;
				padding: 40rpx 60rpx;

				view {
					padding: 20rpx 60rpx;
					border-radius: 44rpx;
				}

				view:nth-child(1) {
					border: 2rpx solid var(--view-theme);
					color: var(--view-theme);
				}

				view:nth-child(2) {
					background-color: var(--view-theme);
					color: #fff;
				}
			}
		}
	}

	.oljks {
		width: 640rpx;
		height: 450rpx;
		padding-top: 60rpx;

		.ljdl {
			background-color: #fff;
			border-radius: 25rpx;

			div:nth-child(1) {
				position: relative;
				top: -60rpx;
				left: 60rpx;
				width: 120rpx;
				height: 120rpx;

				image {
					width: 100%;
					height: 100%;
				}
			}

			div:nth-child(2) {
				background-color: #eee;
				padding: 20rpx;
				margin: 0rpx 30rpx;
			}

			div:nth-child(3) {
				display: flex;
				justify-content: space-between;
				align-items: center;
				padding: 30rpx 100rpx;

				view:nth-child(1) {
					background-color: #fff;
					color: var(--view-theme);
					border: 2rpx solid var(--view-theme);
				}

				view {
					width: 200rpx;
					height: 80rpx;
					background-color: var(--view-theme);
					color: #fff;
					font-size: 30rpx;
					text-align: center;
					line-height: 80rpx;
					border-radius: 50rpx;
				}
			}
		}
	}

	/deep/.u-mode-center-box {
		background-color: transparent;
	}

	.nodenllu {
		width: 654rpx;
		height: 718rpx;

		// background-color: rgba(0, 0, 0, 0.6);
		// background-color: transparent;
		.backimg {
			text-align: center;
			width: 100%;
			height: 718rpx;
			// background-image: url('../static/backdianji.png');
			background-size: 100%;
			background-repeat: no-repeat;
			padding-top: 340rpx;

			.text {
				margin: auto;
				font-weight: 600;
				font-size: 40rpx;
				line-height: 44rpx;
				color: #161616;
			}

			span {
				font-weight: 400;
				font-size: 28rpx;
				line-height: 100rpx;
				color: #999;
			}

			div {
				margin: auto;
				width: 464rpx;
				height: 96rpx;
				border-radius: 48rpx;
				background: var(--view-theme);
				box-shadow: 0 12rpx 36rpx rgba(193, 0, 0, 0.1);
				font-weight: 600;
				font-size: 34rpx;
				line-height: 96rpx;
				text-align: center;
				color: #fff;
			}

			p {
				display: inline-block;
				font-weight: 400;
				font-size: 28rpx;
				line-height: 44rpx;
				text-align: left;
				color: var(--view-theme);
			}
		}
	}

	.herd {
		position: relative;
		width: 100%;
		height: 384rpx;
		background-color: var(--view-theme);
		border-radius: 0 0 32rpx 32rpx;
		padding-top: 136rpx;
		z-index: -1;
		overflow: hidden;
		.herd_img{
			position: absolute;
			top: 0;
			width: 100%;
			height: 384rpx;
			filter: blur(30rpx);
			transform: scale(1.5);
		}
	}

	.topNav {
		margin: 0rpx 30rpx;
		margin-top: -38%;
		display: flex;
		align-items: center;

		// background-color: rgba(255, 255, 255, 0.97);
		&>image:nth-of-type(1) {
			width: 64rpx;
			height: 64rpx;
			margin-right: 40rpx;
			border-radius: 50%;
		}

		&>image:nth-of-type(2) {
			width: 48rpx;
			height: 48rpx;
			margin-right: 40rpx;
		}

		&>view {
			position: relative;
			display: flex;

			image {
				width: 48rpx;
				height: 48rpx;
			}

			text {
				background-color: #4A93FF;
				color: white;
				position: absolute;
				right: -80rpx;
				top: -20rpx;
				padding: 5rpx 10rpx;
				font-size: 20rpx;
				width: 70rpx;
				display: inline-block;
				border-radius: 20rpx 20rpx 20rpx 0;
			}
		}
	}

	.haibao {
		height: 464rpx;
		border-radius: 8rpx;
		// background: transparent;
		box-shadow: 0 12rpx 36rpx rgba(0, 0, 0, 0.04);
		margin: 0rpx 30rpx;
		margin-top: 5%;
		background-color: rgba(255, 255, 255, 0.97);

		.haibao-top {
			height: 210rpx;
			padding: 48rpx;
			padding-bottom: 0rpx;
			display: flex;
			justify-content: space-between;

			.haiimage {
				view:nth-child(1) {
					text-align: right;

					image {
						width: 28rpx;
						height: 28rpx;
						vertical-align: middle;
					}

					span {
						margin-right: 6rpx;
						vertical-align: middle;
						font-weight: 500;
						font-size: 30rpx;
						line-height: 40rpx;
						text-align: right;
						color: #595959;
					}
				}

				view:nth-child(2) {
					margin-top: 20rpx;
					width: 144rpx;
					height: 144rpx;
					overflow: hidden;
					border-radius: 100rpx;

					image {
						width: 100%;
						height: 100%;
					}
				}
			}

			.haitetx {
				margin-top: 20rpx;

				h3 {
					font-weight: 600;
					font-size: 42rpx;
					line-height: 80rpx;
					text-align: left;
					color: #161616;
				}

				p {
					font-weight: 600;
					font-size: 22rpx;
					line-height: 40rpx;
					text-align: left;
					color: #a0a0a0;
				}
			}
		}

		.haibao-bott {
			padding: 48rpx;
			padding-top: 30rpx;

			button {
				margin-right: 10rpx;
				width: 35rpx;

				image {
					width: 24rpx;
					height: 26rpx;
				}
			}

			view {
				display: flex;
				justify-content: space-between;

				// align-items: center;
				// vertical-align: middle;
				.onetext {
					span {
						margin-top: 10rpx;

						image {
							width: 16rpx;
							height: 24rpx;
							vertical-align: middle;
						}

						span {
							font-weight: 600;
							font-size: 24rpx;
							line-height: 44rpx;
							text-align: left;
							color: #595959;
							vertical-align: middle;
							margin-left: 14rpx;
						}
					}

					span {
						font-weight: 600;
						font-size: 24rpx;
						line-height: 44rpx;
						text-align: left;
						color: #595959;
						vertical-align: middle;
						margin-left: 14rpx;
					}
				}

				span {
					margin-top: 10rpx;

					image {
						width: 16rpx;
						height: 24rpx;
						vertical-align: middle;
					}

					span {
						font-weight: 600;
						font-size: 24rpx;
						line-height: 44rpx;
						text-align: left;
						color: #595959;
						vertical-align: middle;
						margin-left: 14rpx;
					}
				}

				span {
					font-weight: 600;
					font-size: 24rpx;
					line-height: 44rpx;
					text-align: left;
					color: #595959;
					vertical-align: middle;
					margin-left: 14rpx;
				}
			}

			.emailImg {
				span:nth-child(1) {
					image {
						width: 24rpx !important;
						height: 20rpx !important;
					}
				}
			}
		}
	}

	.minpian {
		margin: 20rpx 30rpx 0 30rpx;
		// margin-top: 200rpx;
		height: 180rpx;
		background-color: rgba(255, 255, 255, 1);
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 0rpx 20rpx;
		border-radius: 6rpx;

		.funScroll {
			width: 100%;
			height: 120rpx;
			white-space: nowrap;
			display: flex;
			align-items: center;
		}

		view {
			text-align: center;
			position: relative;
			display: inline-block;
			width: 20%;

			image {
				width: 80rpx;
				height: 80rpx;
			}

			span {
				display: block;
				font-weight: 600;
				font-size: 24rpx;
				text-align: center;
				color: #686868;
			}
		}

		.iconnum {
			min-width: 6px;
			background-color: var(--view-theme);
			color: white !important;
			border-radius: 15rpx;
			position: absolute;
			right: -10rpx;
			top: 6rpx;
			font-size: 10px;
			padding: 0 4px;
		}
	}

	.card {
		width: 60rpx !important;
		height: 60rpx !important;
		margin-bottom: 10rpx;
		margin-top: 10rpx;
	}

	.liulanr {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 40rpx 56rpx;

		.kaopu {
			width: 144rpx;
			height: 36rpx;
			border-radius: 18rpx;
			background: transparent;
			text-align: center;

			span {
				font-weight: 400;
				font-size: 26rpx;
				text-align: left;
				color: #a0a0a0;
			}

			image {
				margin-left: 10rpx;
				vertical-align: middle;
				width: 19rpx;
				height: 20rpx;
			}
		}

		div:nth-child(1) {
			.touxian {
				vertical-align: middle;
				display: inline-block;

				div {
					display: inline-block;
					width: 48rpx;
					height: 48rpx;
					border-radius: 100rpx;
					overflow: hidden;
					vertical-align: middle;

					image {
						width: 100%;
						height: 100%;
					}
				}

				// div:nth-child(1) {
				//                     position: absolute;
				//                     left: 0;
				//                }
				div:nth-child(2) {
					// position: absolute;
					// left: 90rpx;
					margin-left: -20rpx;
				}

				div:nth-child(3) {
					// position: absolute;
					// left: 120rpx;

					margin-left: -20rpx;
				}
			}

			p {
				margin-left: 70rpx;
				vertical-align: middle;
				display: inline-block;
				font-weight: 600;
				font-size: 28rpx;
				text-align: left;
				color: #161616;
			}

			span {
				vertical-align: middle;
				margin-left: 10rpx;
				font-weight: 400;
				font-size: 26rpx;
				text-align: left;
				color: #a0a0a0;
			}
		}

		.views-text {
			flex: 1;
			margin-left: 10rpx;
		}

		.views-text span:nth-child(1) {
			vertical-align: middle;
			display: inline-block;
			font-weight: 600;
			font-size: 28rpx;
			text-align: left;
			color: #161616;
		}

		.views-text span:nth-child(2) {
			vertical-align: middle;
			margin-left: 10rpx;
			font-weight: 400;
			font-size: 26rpx;
			text-align: left;
			color: #a0a0a0;
		}
	}

	.biaoqian {
		// width: 100%;
		// padding: 48rpx;
		padding: 0 40rpx 40rpx 40rpx;
		// height: 816rpx;
		border-radius: 8rpx;
		background: #fff;

		&>h3 {
			font-weight: 600;
			font-size: 32rpx;
			text-align: left;
			color: #161616;
			padding-bottom: 20rpx;
			padding-top: 40rpx;
		}

		.bianone {
			padding-bottom: 60rpx;
			// height: 60rpx;
			display: flex;
			// justify-content: space-between;
			align-items: center;
			border-bottom: 2rpx dashed #eee;

			image {
				margin-right: 20rpx;
				width: 30rpx;
				height: 32rpx;
			}

			span {
				width: 90%;
				word-wrap: break-word;
				line-height: 34rpx;
				// font-weight: 500;
				font-size: 24rpx;
				text-align: left;
				color: #595959;
			}
		}

		.biantwo {
			padding-bottom: 40rpx;
			border-bottom: 2rpx dashed #eee;
			// margin-top: 40rpx;
			padding-top: 40rpx;

			h3 {
				font-weight: 600;
				font-size: 32rpx;
				text-align: left;
				color: #161616;
			}

			.block {
				display: flex;
				justify-content: flex-left;
				align-items: center;
				flex-wrap: wrap;
				padding-top: 20rpx;

				.b-block1 {
					padding: 20rpx 16rpx 10rpx 0;

					span {
						display: inline-block;
						padding: 10rpx 50rpx;
						background: #f7f8fa;
						color: #595959;
						line-height: 50rpx;
						border-radius: 30rpx;
						font-size: 24rpx;
					}
				}
			}

			// div {
			// 	padding-top: 40rpx;

			// 	div:nth-child(1) {
			// 		margin-left: 0rpx;
			// 	}

			// 	div {
			// 		margin-top: 16rpx;
			// 		margin-left: 16rpx;
			// 		display: inline-block;
			// 		padding: 0rpx 48rpx;
			// 		height: 65rpx;
			// 		border-radius: 32rpx;
			// 		background: #f7f8fa;

			// 		span {
			// 			text-align: center;
			// 			line-height: 64rpx;
			// 			font-weight: 600;
			// 			font-size: 24rpx;
			// 			text-align: left;
			// 			color: #595959;
			// 		}
			// 	}
			// }
		}

		.bianthere {
			padding-top: 40rpx;

			&>view:nth-child(1) {
				display: flex;
				justify-content: space-between;
				align-items: center;

				span:nth-child(1) {
					font-weight: 600;
					font-size: 32rpx;
					text-align: left;
					color: #161616;
				}

				span:nth-child(2) {
					font-weight: 600;
					font-size: 24rpx;
					text-align: right;
					// color: #595959;
					vertical-align: middle;
					display: flex;
					align-items: center;
					color: var(--view-theme);

					image {
						margin-left: 10rpx;
						vertical-align: middle;
						width: 14rpx;
						height: 28rpx;
					}

					image:nth-of-type(1) {
						width: 30rpx;
						margin-right: 10rpx;
					}
				}
			}

			.b-block {
				margin-top: 40rpx;
				display: flex;
				align-items: center;

				image {
					width: 96rpx;
					height: 96rpx;
				}

				.b-componey {
					margin-left: 20rpx;
					// display: inline-block;

					h3 {
						font-weight: 600;
						font-size: 32rpx;
						text-align: left;
						color: #161616;
						position: relative;
						top: -10rpx;
					}

					.qiye {
						margin-top: 16rpx;
						font-weight: 400;
						font-size: 22rpx;
						text-align: left;
						color: #a0a0a0;
					}
				}
			}
		}
	}

	.rxspo {
		margin-top: 20rpx;
		background-color: #fff;
		border-radius: 8rpx;
		padding: 48rpx;

		&>view:nth-child(1) {
			display: flex;
			justify-content: space-between;
			align-items: center;

			span:nth-child(1) {
				font-weight: 600;
				font-size: 32rpx;
				text-align: left;
				color: #161616;
			}

			span:nth-child(2) {
				font-weight: 600;
				font-size: 24rpx;
				text-align: right;
				// color: #595959;
				vertical-align: middle;
				display: flex;
				align-items: center;
				color: var(--view-theme);

				image {
					margin-left: 10rpx;
					vertical-align: middle;
					width: 14rpx;
					height: 28rpx;
				}

				image:nth-of-type(1) {
					width: 30rpx;
					margin-right: 10rpx;
				}
			}
		}

		.leixing {
			margin-top: 40rpx;
			display: flex;
			align-items: center;

			div:nth-child(1) {
				width: 150rpx;
				height: 150rpx;
				overflow: hidden;
				border-radius: 15rpx;

				image {
					width: 100%;
					height: 100%;
				}
			}

			div:nth-child(2) {
				padding-top: 10rpx;
				flex: 1;

				span:nth-child(1) {
					margin-left: 20rpx;
					font-weight: 600;
					font-size: 32rpx;
					text-align: left;
					color: #000;
					// height: 86rpx;
					overflow: hidden;
					display: -webkit-box;
					-webkit-line-clamp: 2; //在第几行变为...
					-webkit-box-orient: vertical;
					text-overflow: ellipsis;
				}

				span:nth-child(2) {
					margin-left: 20rpx;
					font-weight: 400;
					font-size: 34rpx;
					color: #000;
					line-height: 80rpx;
				}

			}

			div:nth-child(3) {
				margin: 44rpx 5rpx;
				margin-top: 54rpx;
				width: 160rpx;
				height: 54rpx;
				border-radius: 27rpx;
				background: var(--view-bntColor22);
				text-align: center;

				text {
					text-align: center;
					font-weight: 600;
					font-size: 26rpx;
					color: #fff;
					line-height: 54rpx;
				}
			}

		}
	}

	.remeng {
		margin-top: 20rpx;
		background-color: #fff;
		border-radius: 8rpx;
		padding: 48rpx;

		p {
			font-weight: 600;
			font-size: 32rpx;
			text-align: left;
			color: #161616;
		}

		&>view {
			display: flex;
			align-items: center;
			margin-bottom: 20rpx;
		}

		.remengTitle {
			align-items: center;
			justify-content: space-between;

			span {
				font-weight: 600;
				font-size: 24rpx;
				display: flex;
				align-items: center;
			}

			image {
				margin-left: 10rpx;
				vertical-align: middle;
				width: 14rpx;
				height: 28rpx;
			}
		}

		.left {
			display: inline-block;

			image {
				width: 200rpx;
				height: 120rpx;
				border-radius: 20rpx;
			}
		}

		.right {
			&>view {
				margin: 10rpx 0;
			}

			display: inline-block;
			margin-left: 10px;
			width: 600rpx;

			.title {
				width: 100%;
				font-size: 32rpx;
				font-weight: 600;
			}

			.msg {
				font-size: 24rpx;
			}

			.tiem {
				width: 100%;
				font-size: 24rpx;
				color: gray;
				display: flex;
				justify-content: space-between;
			}
		}
	}

	.video {
		margin-top: 20rpx;
		background-color: #fff;
		border-radius: 8rpx;
		padding: 48rpx;

		p {
			font-weight: 600;
			font-size: 32rpx;
			text-align: left;
			color: #161616;
		}

		view {
			margin-top: 32rpx;
			display: flex;
			// align-items: center;

			div {
				width: 214rpx;
				height: 144rpx;
				border-radius: 25rpx;
				overflow: hidden;
				margin-right: 20rpx;

				image {
					width: 100%;
					height: 100%;
				}
			}

			.ospntext {
				padding-top: 50rpx;
				font-weight: 600;
				font-size: 30rpx;
				text-align: left;
				color: #161616;
			}
		}
	}


	.dimp {
		// background-color: #fff;
		width: 100%;
		margin-top: 20rpx;
		padding: 40rpx 0rpx;
		padding-bottom: 200rpx;

		view {
			margin: auto;
			width: 432rpx;
			height: 80rpx;
			border-radius: 40rpx;
			background: var(--view-theme);
			box-shadow: 0 12rpx 36rpx rgba(193, 0, 0, 0.1);
			font-weight: 600;
			font-size: 34rpx;
			line-height: 44rpx;
			text-align: center;
			color: #fff;
			line-height: 80rpx;
		}
	}

	.oback {
		.odivpp {
			height: 220rpx;
			position: relative;

			.oive {
				position: absolute;
				top: 0rpx;
				right: 0rpx;
				width: 108rpx;
				height: 160rpx;

			}

			.oivee {
				width: 108rpx;
				height: 160rpx;
				position: absolute;
				right: 0rpx;
				bottom: 0rpx;
			}

			p {
				position: absolute;
				top: 30%;
				font-family: "PingFang SC";
				font-weight: 400;
				font-size: 28rpx;
				line-height: 44rpx;
				text-align: left;
				color: #fff;

				image {
					width: 40rpx;
					height: 40rpx;
					vertical-align: middle;
				}
			}

			p:nth-child(2) {
				position: absolute;
				top: 50%;
			}
		}

		.oimage {
			width: 500rpx;
			height: 650rpx;

			image {
				width: 100%;
				height: 100%;
			}
		}
	}

	.haibao-two {

		box-shadow: 0 12rpx 36rpx rgba(0, 0, 0, 0.04);
		margin: 0rpx 30rpx;
		margin-top: 5%;
		background-color: rgba(255, 255, 255, 0.97);

		.moban {
			text {
				font-size: 100rpx;
			}
		}

		.haibao1 {
			.haibao-top1 {
				padding: 48rpx;
				padding-bottom: 0rpx;
				display: flex;
				justify-content: space-between;

				.haiimage1 {
					padding-top: 15rpx;

					view:nth-child(1) {
						text-align: right;

						image {
							width: 28rpx;
							height: 28rpx;
							vertical-align: middle;
						}

						span {
							margin-right: 6rpx;
							vertical-align: middle;
							font-weight: 500;
							font-size: 30rpx;
							line-height: 40rpx;
							text-align: right;
							color: #595959;
						}
					}

					view:nth-child(2) {
						width: 144rpx;
						height: 144rpx;

						image {
							width: 100%;
							height: 100%;
						}
					}
				}

				.haitetx1 {
					h3 {
						font-weight: 600;
						font-size: 42rpx;
						line-height: 80rpx;
						text-align: left;
						color: #161616;
					}

					p {
						font-weight: 600;
						font-size: 22rpx;
						line-height: 40rpx;
						text-align: left;
						color: #a0a0a0;
					}
				}
			}

			.haibao-bott1 {
				padding: 48rpx;
				padding-top: 0rpx;

				view {
					display: flex;
					justify-content: space-between;

					// align-items: center;
					.openMap {
						span {
							margin-top: 10rpx;

							image {
								width: 16rpx;
								height: 24rpx;
								vertical-align: middle;
							}

							span {
								font-weight: 600;
								font-size: 24rpx;
								line-height: 44rpx;
								color: #595959;
								vertical-align: middle;
								margin-left: 14rpx;
							}
						}

						span {
							font-weight: 600;
							font-size: 24rpx;
							line-height: 44rpx;
							color: #595959;
							vertical-align: middle;
							margin-left: 14rpx;
						}
					}

					span {
						margin-top: 10rpx;

						image {
							width: 16rpx;
							height: 24rpx;
							vertical-align: middle;
						}

						span {
							font-weight: 600;
							font-size: 24rpx;
							line-height: 44rpx;
							color: #595959;
							vertical-align: middle;
							margin-left: 14rpx;
						}
					}

					span {
						font-weight: 600;
						font-size: 24rpx;
						line-height: 44rpx;
						color: #595959;
						vertical-align: middle;
						margin-left: 14rpx;
					}
				}

				.emailImg {
					image {
						width: 24rpx !important;
						height: 20rpx !important;
						vertical-align: middle;
					}
				}
			}
		}
	}

	.h-hanbao2 {
		overflow: hidden;
		margin: 0rpx 30rpx;
		margin-top: 5%;
		display: flex;
		border-radius: 8rpx;
		box-shadow: 0 12rpx 26rpx rgba(0, 0, 0, 0.04);
		background-color: rgba(255, 255, 255, 0.97);
		position: relative;

		.sbajia {
			position: absolute;
			left: 298rpx;
			bottom: 108rpx;
			width: 100rpx;
			height: 338rpx;
			// background: purple;
			transform: perspective(72rpx) rotateX(28deg);

			background-color: #fff;
			z-index: 2;
		}

		div:nth-child(2) {
			z-index: 10;
		}

		div:nth-child(3) {
			z-index: 1;
		}

		.h-text {
			width: 374rpx;
			// background: url('../static/mine/trone.png') no-repeat;
			background-size: 100% 100%;
			padding-top: 40rpx;
			box-sizing: border-box;
			padding-left: 48rpx;

			h3 {
				font-weight: 600;
				font-size: 42rpx;
				line-height: 60rpx;
				text-align: left;
				color: #161616;

			}

			p {
				font-weight: 600;
				font-size: 22rpx;
				line-height: 40rpx;
				text-align: left;
				color: #a0a0a0;

			}

		}

		.haibao-bott2 {
			padding: 48rpx;
			padding-top: 0rpx;
			padding-right: 0rpx;
			// margin-bottom: 40rpx;
			z-index: 15;

			view {
				display: flex;
				justify-content: space-between;
				align-items: center;

				span {
					margin-top: 10rpx;

					image {
						width: 16rpx;
						height: 24rpx;
						vertical-align: middle;
					}

					span {
						font-weight: 600;
						font-size: 24rpx;
						line-height: 44rpx;
						text-align: left;
						color: #595959;
						vertical-align: middle;
						margin-left: 14rpx;
					}
				}
			}

			.emailImg {
				image {
					width: 24rpx !important;
					height: 20rpx !important;
				}
			}
		}

		.h-img {
			width: 100%;
			height: 100;
			z-index: 10;
			overflow: hidden;

			// margin-top: 28rpx;
			.herimg {
				text {
					line-height: 300rpx;
					margin-left: 150rpx;
					font-size: 50rpx;
					// display: block;
				}

				span {
					margin-left: 40rpx;
					text-align: center;
					display: block;
					margin-top: -120rpx;
				}
			}

			image {
				width: 100%;
				height: 100%;
			}
		}
	}

	.page-footer {
		position: fixed;
		bottom: 0;
		z-index: 30;
		display: flex;
		align-items: center;
		justify-content: space-around;
		width: 100%;
		height: calc(98rpx+ constant(safe-area-inset-bottom)); ///兼容 IOS<11.2/
		height: calc(98rpx + env(safe-area-inset-bottom)); ///兼容 IOS>11.2/
		box-sizing: border-box;
		border-top: solid 1rpx #F3F3F3;
		background-color: #fff;
		box-shadow: 0px 0px 17rpx 1rpx rgba(206, 206, 206, 0.32);
		padding-bottom: constant(safe-area-inset-bottom); ///兼容 IOS<11.2/
		padding-bottom: env(safe-area-inset-bottom); ///兼容 IOS>11.2/

		.foot-item {
			display: flex;
			width: max-content;
			align-items: center;
			justify-content: center;
			flex-direction: column;
			position: relative;

			.count-num {
				position: absolute;
				display: flex;
				justify-content: center;
				align-items: center;
				width: 40rpx;
				height: 40rpx;
				top: 0rpx;
				right: -15rpx;
				color: #fff;
				font-size: 20rpx;
				background-color: #FD502F;
				border-radius: 50%;
				padding: 4rpx;
			}
		}

		.foot-item image {
			height: 50rpx;
			width: 50rpx;
			text-align: center;
			margin: 0 auto;
		}

		.foot-item .txt {
			font-size: 24rpx;


			&.active {}
		}
	}

	.new-users {
		padding-bottom: 0;
		padding-bottom: constant(safe-area-inset-bottom);
		padding-bottom: env(safe-area-inset-bottom);
	}

	.haibaoText {
		margin-top: 10rpx;

		&>view {
			display: flex;
			align-items: center;
			margin-top: 10px;

			text {
				margin-right: 10rpx;
			}

			image {
				width: 28rpx;
				height: 28rpx;
			}
		}
	}
</style>